<%@ page pageEncoding="UTF-8" contentType="text/html;charset=UTF-8" %>
<%--
  ~ Copyright (c) 2005, 2014 vacoor
  ~
  ~ Licensed under the Apache License, Version 2.0 (the "License");
  --%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script>window._lgst_ = new Date().getTime();</script>
    <link rel="stylesheet" href="../css/mini.css"/>
    <script type="text/javascript">
        var tbdw_frame_count = true;
    </script>
    <%--<link rel="stylesheet" href="https://s.tbcdn.cn/g/tm/login/2.0.0/login_mini.css"/>--%>
    <%--<link rel="stylesheet" type="text/css" href="../css/login_pc.css"/>--%>
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/>
    <style type="text/css">
        h1, h2, h3, h4, h5, h6 {
            font-size: 100%;
            font-weight: normal;
        }

        .clearfix:after {
            content: '.';
            display: block;
            clear: both;
            height: 0;
            line-height: 0;
            overflow: hidden;
        }

        .grid980 {
            width: 980px;
            margin: 0 auto;
        }

        #header, #content, #footer {
            margin-left: auto;
            margin-right: auto;
        }

        #header {
            height: 75px;
            width: 100%;
            overflow: hidden;
            /*background-color: #2980b9;*/
            background-color: #b20000;
            /*border-bottom: 1px solid #e3e3e3;*/
        }

        #footer {
            clear: both;
            margin-top: 10px;
            /*background-color: #efefef;*/
            /*color: #666;*/
            /*border-top: 5px solid #d8d8d8;*/
            border-top: 1px solid #d1d7dc;
            text-align: center;
            padding-top: 10px;
            padding: 15px 0 32px 0;
        }

        #footer {
            /*padding-top: 15px;*/
            /*background-position: 0 -262px;*/
            /*background-repeat: repeat-x;*/
            /*position: relative;*/
            font-family: 12px/1.333 arial,helvetica,clean;
        }

        #header-container {
            height: 75px;
            margin: 0 auto;
            position: relative;
        }

        #logo {
            float: left;
            display: block;
            width: 345px;
            height: 62px;
            margin-top: 6px;
        }

        #logo a {
            float: left;
            display: inline-block;
            height: 62px;
            width: 178px;
            overflow: hidden;
            text-indent: -999em;
        }

        #logo .header-title {
            float: left;
            display: inline-block;
            height: 23px;
            margin-top: 20px;
            line-height: 23px;
            font-size: 22px;
            font-family: Microsoft YaHei,Hiragino Sans GB,\5b8b\4f53;
            /*color: #999;*/
            color: #fff;
        }

        #logo .header-title {
            display: block;
            color: #fff;
        }

        #navigation {
            float: right;
            height: 75px;
            font: normal 12px/75px Verdana,Arial,\5b8b\4f53,sans-serif;
        }

        #navigation a {
            color: #fff;
        }

        .split {
            margin: 0 6px;
            color: #ccc;
        }

        #content-container {
            padding-top: 50px;
        }

        #login-banner {
            float: left;
            width: 560px;
            min-height: 370px;
        }

        #login-module {
            float: left;
            border: 1px solid #ddd;
            padding: 21px 29px;
            /*为了避免*/
            background-color: #fff;
        }

        #login-iframe {
            overflow: hidden;
        }

        #login-iframe.iframe-show #login-iframe-loading {
            display: none;
            position: absolute;
        }

        a {
            color: #4183c4;
            text-decoration: none;
        }
    </style>
</head>
<body>
<script type="text/javascript" src="${ctx}/js/lib/jquery-1.7.2.min.js"></script>
<div id="header">
    <div id="header-container" class="grid980">
        <h1 id="logo">
            <a href=""></a>
            <span class="header-title">帐号登录</span>
        </h1>
        <!--
        <div id="navigation" class="clearfix">
            <decode href="/" data-spm-protocol="i">首页</decode>
            <span class="split">|</span>
            <decode href="/help" target="_blank" data-spm-protocol="i">帮助中心</decode>
            <span class="split">|</span>
            <decode href="/bbs" target="_blank" data-spm-protocol="i">论坛</decode>
        </div>
        -->
    </div>
</div>
<div id="content">
    <div id="content-container" class="clearfix grid980">
        <div id="login-banner">
            <a href="">
                <img src="/img/mvc.png">
            </a>
        </div>
        <div id="login-module">
            <div id="login-iframe" class="iframe-loaded iframe-show">
                <div id="login-iframe-loading"></div>
                <%--<iframe id="xxx-login-box" src="/mini_login.htm?lang=&amp;appName=aliyun&amp;appEntrance=aliyun&amp;cssLink=&amp;styleType=vertical&amp;bizParams=&amp;notLoadSsoView=&amp;notKeepLogin=true&amp;rnd=0.6710587970446795" width="250" height="254" frameborder="none" scrolling="no" style="border: none; visibility: visible;"></iframe>--%>
                <iframe id="login-box" src="login-box.jsp" frameborder="none" scrolling="n" width="300" height="254"></iframe>
            </div>
        </div>
    </div>
</div>
<%@include file="/include/ft.jspf"%>
</body>
</html>